/*!
 * MWB-GB_template.css (http://moowabo.com)
 * Copyright MOOWABO - GOOBEEGOOBEE 
 */

/* 인덱스 */
.slider-logo {position:absolute; top:100px; width:100%; text-align:center; }

/*상단 어드민 메뉴*/
.mwb-admin {position:fixed; top:0; text-align:center; width:100%; background:#595959; padding:0; z-index: 10000; }
.mwb-admin a {color:#fff; font-size:12px; text-decoration:none; padding:10px 5px; display:inline-block; }
.mwb-admin a:hover {background:#448ccb; }

/* 상단 메뉴바 */
.mwb-navbar {border:none; background:none; padding:0; border-radius:0 !important; z-index:9999999 !important; position:absolute; top:200px; width:100%; 
  background-color:#5b97cc !important;
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
} /*bootstrap 너비 100% 색상 변경 위해 배경값 없앰*/

.mwb-navbar-m-ul { 
  background-color:#5b97cc;
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
} /*모바일 메뉴바 색상*/
.mwb-navbar-ul { 
  background-color:#5b97cc;
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
} /*메뉴바 색상*/
/*기본 bootstrap 속성 변경값 */
.navbar {margin-bottom:0; }
.navbar-default .navbar-nav > li > a {color: #000 !important; } /*메뉴바 색상*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333 !important; background-color: #fff; font-weight:bold; opacity:0.5; } /*메뉴바 색상*/
.navbar-default .navbar-nav .impact-reservation {background-color:#a94442; color:#fff !important; }
.navbar-default .navbar-nav .impact-reservation:hover {background-color:#fff; color:#0abe16; opacity:0.5; } /*메뉴-실시간예약 색상*/
a:hover {text-decoration:none !important; }
/* 네이버 에약 버튼 */
.mwb-call, .mwb-naver-reserve, .mwb-naver-reserve-sm {display:inline-block; float:left; padding-left:5px;}
.mwb-naver-reserve-sm img {vertical-align:middle; }
/*스크롤시 상단 고정 메뉴*/
.goToTop { position:fixed; top:0; height:auto; z-index:1000000; width:100%;padding:0 !important; }
.mwb-gb-nav-sticky {position:fixed; top:0; z-index:9999999; width:100%; padding:0; 
  background-color:#a9cc5b !important; 
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}
.mwb-gb-nav-sticky .mwb-navbar-m-ul { 
  background-color:#a9cc5b;
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear 
} /*모바일 메뉴바 색상*/
.mwb-gb-nav-sticky .mwb-navbar-ul { 
  background-color:#a9cc5b; 
  -webkit-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear
} /*메뉴바 색상*/

/*팝업창 관련*/
#hd_pop {top:50px; }
#hd_pop img {width:100% !important; }

/* MWB-latest-sction- */
.mwb-latest-section-special {padding-top:30px; padding-bottom:50px; }
.mwb-latest-section-room {padding-top:30px; padding-bottom:50px; }
.mwb-latest-section-location {padding-top:30px; padding-bottom:50px; }


/* footer */
footer {background:#444; }
footer .footer-tail {background:#363636; }
/*전화,주소,계좌,사업자 정보 관련*/
.footer-info {min-height:150px; }
.info-white label {color:#fff; display:block; opacity:0.5; }
.info-white strong {color:#fff; display:block; font-size:1em; line-height:1.6em; }
.info-white strong a {color:#fff; text-decoration:none; }
.info-black label {color:#000; display:block; opacity:0.5; }
.info-black strong {color:#000; display:block; font-size:1.1em; line-height:1.6em; }
.info-black strong a {color:#000; text-decoration:none; }
.info-black address {padding-top:20px; }

.info-black-small label {color:#000; display:block; opacity:0.5; padding-top:10px; }
.info-black-small strong {color:#000; display:block; font-size:1em; line-height:1.6em; font-weight:normal; }
.info-black-small strong a {color:#000; text-decoration:none; }
.info-black-small address {padding-top:20px; }
/*최하단 카피라이트*/
#tnb {list-style:none; padding:0; margin:0; }
#tnb li {float:left; line-height:1.8em; color:#eee; line-height:24px; margin:0; padding:0; }
#tnb li:first-child {padding-left:10px; }
#tnb li a {color:#fff; text-decoration:none; padding:0 10px; line-height:24px;}
#tnb li.GBadmin {background-color: #e8180c; color: #fff; margin-left: 10px; }
#tnb li.GBGB:hover {background-color: #448ccb; color: #448ccb;}

/*환불테이블 관련*/
#mwb-refund {margin:0; padding:0; border:2px #c7c7c7 solid; font-size:12px; text-align:center; }
#mwb-refund ul,li {list-style:none; margin:0; padding:0; }
#mwb-refund li {border-bottom:1px #c7c7c7 solid; }
#mwb-refund li:first-child {font-weight:bold; }
#mwb-refund li:last-child {border-bottom:0; }
#mwb-refund li {padding-bottom:5px; }
#mwb-refund .string {padding:5px; }
#mwb-refund .string li:first-child {width:30%; border:none; padding-top:0px !important; }
#mwb-refund .string li {display:inline-block; width:30%; border-left:1px #c7c7c7 solid; border-bottom:none; padding-bottom:0px !important; }

/* 예약 버튼 관련 */
.reserve-box {width:60%; height:40px; margin:0 auto; text-align:center; font-size:14px; line-height:40px; background:#eee;  border:2px solid #c7c7c7; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;}
.mwb-btn-reserve { height:50px; display:block;text-decoration:none;font-size:1.5em; text-align:center; line-height:50px; margin:0 auto; color:#eee; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.mwb-btn-reserve a {color:#eee; width:100%; height:100%; padding:10px; background-color:#448ccb; }
.mwb-btn-reserve a:hover {text-decoration: none; background:#375383;}

/*기간설정 테이블 관련*/
.roomdetail1 {width: 100%; float: left; margin-bottom: 30px; padding: 10px 0; border: 2px solid #c7c7c7; }
.roomdetail1 .subject {padding: 5px 0 5px 10px; font-size: 13px; font-weight: bold; }
.roomdetail1 .content {padding: 0 0 5px 15px; font-size: 12px; }

/*떠나요 api css 수정*/
#total_daily_price2 {max-width:1000px; margin-right:auto; margin-left:auto; }
#price {max-width:1000px; margin-right:auto; margin-left:auto; }
#season {margin-right:auto; margin-left:auto; }
.season {width:100% !important; max-width:350px !important; }
#hotel_price_panalty {margin-right:auto; margin-left:auto; }
.priceTable th { border: 1px solid #d2d2d2; padding: 7px 0; text-align:center; }
.priceTable th.ad { background: #f8f1e9; width: 9%; text-align:center; }
.cancelfee caption {padding:0 !important; }

/* 내용 이미지 반응형 */
#ctt_con img {width:100%; }
#container_title {display:none !important; margin-bottom:20px; font-size:1.2em;
  font-weight:bold; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;margin-top:10px; }
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:0; }
#captcha #captcha_img {width:160px;height:40px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:5px;left:163px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:5px;left:197px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {display:inline-block;margin:5px 0 0 70px;padding:0 5px;width:160px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:14px;font-weight:bold;text-align:center;line-height:24px;vertical-align:top}
#captcha #captcha_info {display:inline-block;margin:0;font-size:12px;letter-spacing:-0.1em;line-height:12px; }








/*==================================================================*/
/*==무와보에서 제공하는 반응형 설정=================================*/
/*==http://moowabo.com/=============================================*/
/*==================================================================*/

@media (min-width:440px) { /* 440px 보다 클 경우 */
}

@media (max-width:439px) { /* 439px 보다 작을 경우 */
  #hd_pop {position:absolute; width:94%; height:auto; margin-left:3%; }
  .mwb-list-rightfield {position:relative; top:0; }
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:40px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:inline-block;}
#captcha.m_captcha #captcha_reload {position:static;margin:10px 0 0 0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px;display:inline-block; }
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:5px 0 0 0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}
}

@media (min-width:768px) { /* 768px 보다 클 경우 */
  .mwb-call {display:none; }
  .mwb-naver-reserve {display:none; }
  .navbar-nav {float: left; margin: 0; width: 100%; }
  #hd_pop {position:absolute; width:25%; min-width:400px; max-width:450px; height:auto; margin-left:25%; }
}

@media (max-width:767px) { /* 767px 보다 작을 경우 */
  .mwb-navbar {padding:0; }
	.mwb-naver-reserve-sm {display:none; }
  /*.mwb-navbar {top:0px }*/
  .mwb-navbar-ul ul li { min-width: 33.33333333%; float: left; }
}

@media (min-width:992px) { /* 992px 보다 클 경우 */
}

@media (max-width:991px) { /* 991px 보다 작을 경우 */
}

@media (min-width:1200px) { /* 1200px 보다 클 경우 */
}

@media (min-width:1199px) { /* 1199px 보다 클 경우 */
}

@media (min-width:440px) and (max-width:767px) {
  #hd_pop {position:absolute; width:66.66666667%; min-width:400px; max-width:450px; height:auto; margin-left:5%; }
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) and (max-width:1199px) {
}